<script setup>
import { ref } from 'vue'
import JinRongCard from '@/components/JinRongCard.vue'

const items = ref([
  { label: '全部', data: '' },
  { label: '贷款', data: '' },
  { label: '担保', data: '' },
  { label: '保险', data: '' },
  { label: '小贷', data: '' },
  { label: '典当', data: '' },
  { label: '保理', data: '' },
  { label: '租赁', data: '' }
])
const active = ref(0)
</script>
<template>
  <div class="container mx-auto w-full py-5">
    <HeadLine title="金融产品" />
    <TabView>
      <TabPanel :header="item.label" v-for="(item, index) of items" :key="index">
        <JinRongCard />
      </TabPanel>
    </TabView>
  </div>
</template>
<style scoped>
:deep(.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link) {
  background-color: var(--primary-color);
  border-color: rgba(0, 0, 0, 0.12);
  color: white;
}
</style>
